<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld" %>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>

<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<c:url value="/confParamGene.html" var="confParamGene"/>
<script language="javascript" type="text/javascript">  
$(document).ready(function(){
    var codSucuSelect= "<c:out  value='${codSucuSelect}' />";
    var COD_SUCU_PRINCIPAL= "<c:out  value='${COD_SUCU_PRINCIPAL}' />";
    var tipClie= "<c:out  value='${tipClie}' />";
    var TIPO_CLIENTE_CORPORACION= "<c:out  value='${TIPO_CLIENTE_CORPORACION}' />";
    var TIPO_CLIENTE_COMERCIAL ="<c:out  value='${TIPO_CLIENTE_COMERCIAL}' />";
    var TIPO_CLIENTE_BANCO="<c:out  value='${TIPO_CLIENTE_BANCO}' />";
    
    var PARM1="<c:out  value='${PARM1}' />";
    var PARM2="<c:out  value='${PARM2}' />";
    var PARM3="<c:out  value='${PARM3}' />";
    var PARM4="<c:out  value='${PARM4}' />";
    var PARM5="<c:out  value='${PARM5}' />";
    var PARM6="<c:out  value='${PARM6}' />";
    var PARM7="<c:out  value='${PARM7}' />";
    var PARM8="<c:out  value='${PARM8}' />";
    var PARM9="<c:out  value='${PARM9}' />";
    var PARM10="<c:out  value='${PARM10}' />";
    var arrDias= new Object();
    
    //borrar mensaje inicial
    var div=$("#fullheighttable").find("div.verdana10bazul").html("");

    
    arrDias["Lun"]="Lunes";
    arrDias["Mar"]="Martes";
    arrDias["Mie"]="Mi\u00e9rcoles";
    arrDias["Jue"]="Jueves";
    arrDias["Vie"]="Viernes";
    arrDias["Sab"]="S\u00e1bado";
    arrDias["Dom"]="Domingo";
    
    var gCodParm=null;
    
    $("#listClie").change(function(){
        if(codSucuSelect==COD_SUCU_PRINCIPAL){
          buscarSucursal();
        }
    });
    
    if(codSucuSelect==COD_SUCU_PRINCIPAL){
      buscarSucursal();
    }
    
    $("#mostrar").click(function(){
        ejecutarMostrar();
    });
    
    $("#regresar").click(function(){
        window.location="<c:url value='mostrarHWF1006.html' />";
    });
    
    $("a[rel='a-editar']").live("click",function(){
      var codParm = $(this).attr("codParm");
      gCodParm=codParm;
      $.get("${confParamGene}",{accion:"mostraParamDetalle",codParm:codParm},function(responseText, status, xmlHttpRequest){
          $("#detalle").html($("#form",responseText).html());
          $('#valorHora').timepicker({
            showPeriod: false,
            showLeadingZero: true
          });
          if(tipClie==TIPO_CLIENTE_CORPORACION){
            $("#dLblCliente").html($("#listClie option:selected").text());
          }
          $("#detalle").dialog("open");
          if(gCodParm == PARM5){
            $("#valorHora").focus();
          }
          if(gCodParm == PARM2 || gCodParm == PARM3 ){
            $("#valor").focus();
          }
      });
    });
    
    $("#cancelar").live("click",function(){
        $("#detalle").dialog("close");
    });

    $("#guardar").live("click",function(){
        if(gCodParm == PARM5){
          if(!validateHour($("#valorHora").val())){
                  alert("Formato de Fecha Incorrecta");
                  $("#valorHora").val("");
                  $("#valorHora").focus();
             return false;
          }
        }
        var valorLago="" ;
        var valorCorto="";
        var cont=0;
        var cont1=0;
        //console.log("gCodParm :"+gCodParm);
        if (gCodParm==PARM1){
          $("#divMyDay").find("input[type='checkbox']").each(function(x,el){
              if($(el).attr("checked")){
                if(cont1==0){
                  valorLago=arrDias[$(el).val()];
                }else{
                  valorLago=valorLago+","+arrDias[$(el).val()];
                }
                if(cont==0){
                  valorCorto="1";
                }else{
                  valorCorto=valorCorto+"-1";
                }
                cont1++;
              }else{
                if(cont==0){
                  valorCorto="0";
                }else{
                  valorCorto=valorCorto+"-0";
                }
              }
              cont++;
            //alert($(el).val() + +);
        });
         if(cont1==0){
            alert("Ingrese al menos un d\u00eda h\u00e1bil");
            return false;
          }
      }else if(gCodParm == PARM2 || gCodParm == PARM3 ){
          if (!($("#valor").val() > 0 && $("#valor").val()!="")){ 
            alert("Ingrese un n\u00famero mayor a cero.");
            return false;
          }
          valorLago=$("#valor").val();
          valorCorto=$("#valor").val();
      }else if(gCodParm == PARM5 ){
          valorLago=$("#valorHora").val();
          valorCorto=$("#valorHora").val();
      }else if(gCodParm == PARM4 || gCodParm == PARM6 || gCodParm == PARM7 || gCodParm == PARM10){
          if ($("input[@name=siNo]:checked").attr("valNumber")==null){ 
            alert("Seleccione una opci\u00f3n ");
            return false;
          }
          valorLago=$("input[@name=siNo]:checked").val();
          valorCorto=$("input[@name=siNo]:checked").attr("valNumber");
      }else if(gCodParm==PARM8){
          $("#divMyBovedas").find("input[type='checkbox']").each(function(x,el){
              if($(el).attr("checked")){
                if(cont1==0){
                  valorLago=$(el).val();
                }else{
                  valorLago=valorLago+","+$(el).val();
                }
                if(cont==0){
                  valorCorto="1";
                }else{
                  valorCorto=valorCorto+"-1";
                }
                cont1++;
              }else{
                if(cont==0){
                  valorCorto="0";
                }else{
                  valorCorto=valorCorto+"-0";
                }
              }
              cont++;
        });
       if(cont1==0){
            alert("Marque al menos un Tipo de B\u00f3veda");
            return false;
          }
      }else if(gCodParm==PARM9){
           if ($("input[@name=fases]:checked").attr("valNumber")==null){ 
            alert("Seleccione una opci\u00f3n ");
            return false;
          }
          valorLago=$("input[@name=fases]:checked").val();
          valorCorto=$("input[@name=fases]:checked").attr("valNumber");
      }
      if(tipClie==TIPO_CLIENTE_CORPORACION){
          //console.log("cliente corporacion");
          $.getJSON("${confParamGene}", {accion:"grabar",codRazoSoci:$("#listClie option:selected").attr("codRazoSoci"),codCorp:$("#dCodCorp").val(),codSucu:$("#dCodSucursal").val(),codParm:$("#dParm").val(),valorLargo:encodeURI(valorLago),valorCorto:valorCorto}, function(data){
            if(data==0){
               ejecutarMostrar();
               $("#detalle").dialog("close");
            }
          });
      }else if(tipClie==TIPO_CLIENTE_COMERCIAL || tipClie==TIPO_CLIENTE_BANCO){
          //console.log("cliente comercial o banco ");
          $.getJSON("${confParamGene}", {accion:"grabar",codRazoSoci:$("#dCodRazoSoci").val(),codCorp:"",codSucu:$("#dCodSucursal").val(),codParm:$("#dParm").val(),valorLargo:encodeURI(valorLago),valorCorto:valorCorto}, function(data){
            if(data==0){
               ejecutarMostrar();
               $("#detalle").dialog("close");
            }
        });
      }
    });

    var dialogOpts = {
           modal: true,
           autoOpen:false,
           width: 775
    }
    $("#detalle").dialog(dialogOpts);

    $(".onlyNumber").live("keypress",numeric);
		$(".onlyNumber").live("keydown",numeric);
		$(".onlyNumber").live("keyup",numeric);
    
    $(".onlyHour").live("keypress",hora);
    
    function ejecutarMostrar(){
        if(tipClie==TIPO_CLIENTE_CORPORACION){
        
          if(codSucuSelect==COD_SUCU_PRINCIPAL){
            mostrar($("#listClie option:selected").attr("codRazoSoci"), $("#codSucursal").val(),$("#codSucursal option:selected").text(),$("#listClie option:selected").attr("tipClie"));
          }else{
            mostrar($("#listClie option:selected").attr("codRazoSoci"), $("#codSucursal").val(),$("#ldlDesSucu").html(),$("#listClie option:selected").attr("tipClie"));
          } 
        }else if (tipClie==TIPO_CLIENTE_COMERCIAL || tipClie==TIPO_CLIENTE_BANCO){
          //console.log("cliente comercial");
          if(codSucuSelect==COD_SUCU_PRINCIPAL){
            mostrar($("#codRazoSoci").val(), $("#codSucursal").val(),$("#codSucursal option:selected").text(), tipClie);
          }else{            
            mostrar($("#codRazoSoci").val(), $("#codSucursal").val(),$("#ldlDesSucu").html(),tipClie);
          }
        }
    }

    function buscarSucursal(){
      $.getJSON("${confParamGene}",{accion:"buscarSucursales",codClie:$("#listClie").val()},function(data){
         $("#codSucursal").html("");
        for(i=0;i<data.length;i++){
          $("#codSucursal").append("<option value='"+data[i].id+"' >"+data[i].label+"<\/option>"); 
        }
      });
    }
  
    function mostrar(codClie,codSucu,desSucu, tipClie ){
      $.get("${confParamGene}",{accion:"mostrar",codClie:codClie, codSucu:codSucu, desSucu:desSucu, tipClie:tipClie},function(responseText, status, xmlHttpRequest){
          $("#displayTagDiv").html($("#displayTagDiv",responseText).html());
      });
    }
    
    function validateHour(campo) {
        var RegExPattern = /^(0[1-9]|1\d|2[0-3]):([0-5]\d)$/
        if ((campo.match(RegExPattern)) && (campo!='')) {
            return true
        } else {
          return false;
        } 
    }
});

</script>
<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 
<form:form modelAttribute="form" action="${equivalenciadeagencia}">
<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
    <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
    <tr>
      <td height="22" align="left" valign="top" class="verdana11bazul">        
        <ul class="navlist2">
          <li>CONFIGURACION DE PARAMETROS </li>
        </ul>        
      </td>
    </tr>
    <tr>
      <td align="right" width="720">&nbsp;</td>
    </tr>
    <tr>
      <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0" width="706">
            <tr>
              <td colspan="2" height="23" align="left" class="verdana10bazul" valign="top">CONFIGURACION GENERAL </td>
            </tr>
            <tr>
              <td height="23" align="left" class="verdana10bazul" valign="top" ><c:out value="${form.lblCliente}:" /> </td>
              <td class="verdana10negro" valign="top" >
              <form:hidden path="codRazoSoci"/>
              <c:if test="${pageContext.request.method=='GET'}">  
                <c:choose>
                <c:when test="${tipClie==TIPO_CLIENTE_CORPORACION}">
                  ${desCorp}
                 </c:when> 
                 <c:otherwise>
                  ${desRazoSoci}
                 </c:otherwise>
                </c:choose>  
              </c:if>
              
              
              </td>
              <td class="padright10">&nbsp;</td>
            </tr>
            
            <c:if test="${tipClie==TIPO_CLIENTE_CORPORACION}">
              <tr>
                <td width="118" height="23" align="left" valign="top" class="verdana10bazul"> Cliente: </td>
                <td width="342" class="verdana10negro" valign="top"  >
                  <select id="listClie" style="height: 20px; width: 300px; font-family: Arial; font-size: 8pt">
                    <c:forEach items="${listClieByCorp}" var="bean" >
                        <option value="${bean.listCodCliente}" codRazoSoci="${bean.codRazoSoci}" tipClie=${bean.tipClie} >${bean.desRazoSoci}</option>
                    </c:forEach>
                  </select> </td>
                <td width="246" class="padright10">&nbsp;</td>
              </tr>
            </c:if>
            <tr>
              <td height="23" align="left" valign="top" class="verdana10bazul">Sucursal: </td>
              <td valign="top" class="verdana10negro" >
              
            <c:if test="${pageContext.request.method=='GET'}">  
              <c:choose>
                <c:when test="${codSucuSelect eq COD_SUCU_PRINCIPAL}">
                  <form:select cssStyle="height: 20px; width: 300px; font-family: Arial; font-size: 8pt" path="codSucursal">
                      <form:options items="${listSucursales}"  itemValue="codSucursal"   itemLabel="desSucursal"/>
                  </form:select>
                </c:when>
                <c:otherwise>
                  <form:hidden path="codSucursal" />
                  <label id="ldlDesSucu"><c:out  value="${form.desSucursal}" /></label>
                </c:otherwise>
                </c:choose>
            </c:if>			  </td>
              
              <td class="padright10"><input name="mostrar " type="button" class="boton" id="mostrar"  value="Mostrar" /></td>
              </tr>
            
            <tr>
              <td height="23" align="left" valign="top" class="verdana10bazul">&nbsp;</td>
              <td class="padright10">&nbsp;</td>
              <td class="padright10">&nbsp;</td>
            </tr>
            <tr>
              <td height="23" colspan="3">
                <div id="displayTagDiv" style="height:290px;width:600px" class="verdana10bazul">
                   <display:table id="lista" name="listParamByClie" pagesize="10" 
                                            cellpadding="0" cellspacing="0"
                                             style="width:650px;text-align:center;" 
                                             requestURI="${tipoDocumento}" class="its7">
    
                     <display:column style="width:5%;text-align:center;" title="Item" class="even" >
                        <c:out value="${lista_rowNum}"/>
                     </display:column>
                     <display:column style="width:50%;text-align:left;" property="desParm" title="Descripci&oacute;n" class="even" />    
                     <display:column style="width:40%;text-align:left;text-transform:uppercase;" property="valParmLarg" title="Valor" class="even" />    
                     <display:column style="width:5%;text-align:center;" title="Editar" class="even"> 
                              <a href="#" style="text-decoration: none;cursor:hand;" codParm="${lista.codParm}" valParmCort="${lista.valParmCort}" rel="a-editar" title="editar"   class="unic" >
                                   &nbsp;<span class="ui-icon ui-icon-pencil"></span> 
                              </a> </display:column>  
                  </display:table>
                </div>			  
              </td>
            </tr>
          <tr align="center">
            <td height="23" colspan="3"><span class="padright10">
            <input name="mostrar 2" type="button" class="boton" id="regresar"  value="Regresar" />
            </span></td>
          </tr>
      </table>
      </tr>
      
      </table>

        <table width="775">
            <tr>
                <td colspan="8" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
           </tr>
        </table>


    </td>
  </tr>
</table>
</form:form> 

<div id="detalle" title="CONFIGURACION DE PARAMETROS"> </div>
